<link rel="stylesheet" href="css/manger_member.css" />
<div class="membermanger classDetail am-g am-g-fixed" ms-controller="manger_member">
	<div class="tabsTitle am-u-sm-1">
		<div class="item active" data-id="student" ms-click="changeTab()">
			<p>学生</p>
		</div>
		<div class="item" data-id="teacher" ms-click="changeTab()">
			<p>教师</p>
		</div>
		<div class="item" data-id="principal" ms-click="changeTab()">
			<p>校长</p>
		</div>
		<div class="item" data-id="leader" ms-click="changeTab()">
			<p>组长</p>
		</div>
		
		<div class="item addItem" ms-click="addTab">
			<span class="am-icon-plus-circle am-icon-sm"></span>
		</div>
	</div>
	<div class="tabsContent am-u-sm-11">
		<div class="addMemberArea">
			<div class="advancedSettings" ms-visible="permissionSettings || removeRoles">
				<a ms-visible="permissionSettings" href="javascript:void 0" ms-click='openSetRole'>
					<img src="img/manger/权限管理.png"/>
					<span>权限设置</span>
				</a>
				<a ms-visible="removeRoles">
					<img src="img/manger/circle---delete-拷贝.png"/>
					<span>删除角色</span>
				</a>
			</div>
			<button class="am-btn am-icon-plus-circle" ms-click="addMember()">&nbsp;&nbsp;&nbsp;添加成员</button>
		</div>
		<div class="titleArea">
			<h4 class="am-inline-block">所有学生 · <span class="studentNum">56</span><span class="studentUnit"> (人)</span></h4>
			<a ms-visible="downloadBarcode"><span class="am-icon-download"></span>&nbsp;&nbsp;下载学习二维码</a>
			<input type="search" placeholder="搜索学生" class="searchInp am-fr"/>
		</div>
		<div class="tableArea">
			<table class="am-table" ms-visible='currentTabId == "student"'>
			    <thead>
			        <tr>
			        	<th></th>
			            <th>姓名</th>
			            <th>性别</th>
			            <th>年级</th>
			            <th>班级</th>
			            <th>电话</th>
			            <th></th>
			        </tr>
			    </thead>
			    <tbody>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-mars">&nbsp;&nbsp;男</span></td>
			            <td class="text">高三</td>
			            <td class="text">1班</td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a href="javascript:void 0" class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-venus">&nbsp;&nbsp;女</span></td>
			            <td class="text">高三</td>
			            <td class="text">1班</td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			    </tbody>
			</table>
			<table class="am-table" ms-visible='currentTabId == "teacher"'>
			    <thead>
			        <tr>
			        	<th></th>
			            <th>姓名</th>
			            <th>性别</th>
			            <th>教授科目</th>
			            <th>授课班级</th>
			            <th>电话</th>
			            <th></th>
			        </tr>
			    </thead>
			    <tbody>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-mars">&nbsp;&nbsp;男</span></td>
			            <td class="text">语文</td>
			            <td class="text">高一1班、高一2班</td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-mars">&nbsp;&nbsp;男</span></td>
			            <td class="text">语文</td>
			            <td class="text">高一1班、高一2班、高一3班、高一4班</td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			    </tbody>
			</table>
			<table class="am-table" ms-visible='currentTabId == "principal"'>
			    <thead>
			        <tr>
			        	<th></th>
			            <th>姓名</th>
			            <th>性别</th>
			            <th>电话</th>
			            <th></th>
			        </tr>
			    </thead>
			    <tbody>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-mars">&nbsp;&nbsp;男</span></td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-mars">&nbsp;&nbsp;男</span></td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			    </tbody>
			</table>
			<table class="am-table" ms-visible='currentTabId == "leader"'>
			    <thead>
			        <tr>
			        	<th></th>
			            <th>姓名</th>
			            <th>性别</th>
			            <th>电话</th>
			            <th></th>
			        </tr>
			    </thead>
			    <tbody>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-mars">&nbsp;&nbsp;男</span></td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			        <tr class="item">
			            <td class="head">
			            	<img class="am-circle head" src="http://img4q.duitang.com/uploads/item/201505/06/20150506223203_5hiU2.jpeg"/>
			            </td>
			            <td class="text">陈龙龙</td>
			            <td class="text"><span class="am-icon-mars">&nbsp;&nbsp;男</span></td>
			            <td class="text">15933589612</td>
			            <td class="text hoverLink">
			            	<a class="am-icon-shield">&nbsp;&nbsp;重置密码</a>
			            	&nbsp;&nbsp;&nbsp;&nbsp;
			            	<a class="am-icon-times-circle-o">&nbsp;&nbsp;移除</a>
			            </td>
			        </tr>
			    </tbody>
			</table>
		</div>
		
	</div>
</div>

<!-- 重置密码对话框-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="resetPwd-modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">
      <p>重置密码</p>
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>
      	<img src="img/关闭.jpg"/>
      </a>
    </div>
    <div class="am-modal-bd">
    	<p class="tips">确认将XXX的密码重置为123456吗？</p>
    </div>
    <div class="buttons-area">
    	<button type="button" data-am-modal-confirm class="am-btn my-btn-ok am-radius am-fr">确认</button>
    </div>
  </div>
</div>

<!--删除对话框-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="removeMember-modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">
      <p>提示</p>
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>
      	<img src="img/关闭.jpg"/>
      </a>
    </div>
    <div class="am-modal-bd">
    	<p class="tips">确认将XXX从YYY中移除？</p>
    </div>
    <div class="buttons-area">
    	<button type="button" data-am-modal-confirm class="am-btn my-btn-ok am-radius am-fr">确认</button>
    </div>
  </div>
</div>

<!--添加成员对话框-->
<div class="am-modal am-modal-no-btn" tabindex="-1" id="addMember-modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">
      <p>添加成员</p>
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>
      	<img src="img/关闭.jpg"/>
      </a>
    </div>
    <div class="am-modal-bd">
    	<div class="am-form-group">
		    <label class="am-u-sm-3 am-form-label">姓名:</label>
		    <div class="am-u-sm-9">
		      <input class="myInput" type="text">
		    </div>
		</div>
		<div class="am-form-group">
		    <label class="am-u-sm-3 am-form-label">性别:</label>
		    <div class="am-u-sm-9">
		      <label class="am-radio-inline">
		        <input type="radio" name="addmember_sex" value="addmember_male" checked> 男
		      </label>
		      <label class="am-radio-inline">
		        <input type="radio" name="addmember_sex" value="addmember_female"> 女
		      </label>
		    </div>
		</div>
		<div class="am-form-group">
		    <label class="am-u-sm-3 am-form-label">手机号:</label>
		    <div class="am-u-sm-9">
		      <input class="myInput" type="text">
		      <span class="formTips">请务必填写真实手机号，以免造成数据冲突</span>
		      
		    </div>
		</div>
		<div class="am-form-group">
		    <label class="am-u-sm-3 am-form-label">初始密码:</label>
		    <div class="am-u-sm-9">
		      <input class="myInput" type="text">
		    </div>
		</div>
    </div>
    <div class="buttons-area">
    	<button type="button" data-am-modal-confirm class="am-btn my-btn-save am-radius am-fr">保存</button>
    </div>
  </div>
</div>

<!--权限设置对话框-->
<div class="am-modal" tabindex="-1" id='member_setrole_model'  ms-controller="member_setrole_model">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">
      <p>权限设置</p>
      <a href="javascript: void(0)" class="am-close" data-am-modal-close>
      	<img src="img/关闭.jpg"/>
      </a>
    </div>
    <div class="am-modal-bd">
    	<div class="am-form-group">
		    <label class="am-u-sm-3 am-form-label">角色名称:</label>
		    <div class="am-u-sm-9">
		      <input type="text" value="校长">
		    </div>
		</div>
		<div class="rolePermissions">
			<div class="head">
				<span>角色权限</span>
				<a href="javascript:void 0" ms-click='clearAll'>清空</a>
				<a href="javascript:void 0" ms-click='selectAll'>全选</a>
			</div>
			<div class="body">
				<div class="itemHead">
					<img src="img/home/箭头-2.png"/>
					<span>成员</span>
				</div>
				<div class="itemContent">
					<div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 成员管理
				      </label>
				    </div>
				</div>
				<div class="itemHead">
					<img src="img/home/箭头-2.png"/>
					<span>班级</span>
				</div>
				<div class="itemContent">
					<div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 创建班级
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 编辑班级
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 删除班级
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 锁定、解锁班级
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 从班级中移除学生
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 从班级中移除教师
				      </label>
				    </div>
				</div>
				<div class="itemHead">
					<img src="img/home/箭头-2.png"/>
					<span>题库设置</span>
				</div>
				<div class="itemContent">
					<div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 题库原型
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 知识点管理
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 解题技巧管理
				      </label>
				    </div>
				</div>
				<div class="itemHead">
					<img src="img/home/箭头-2.png"/>
					<span>统计</span>
				</div>
				<div class="itemContent">
					<div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 看本年级统计
				      </label>
				    </div>
				    <div class="am-checkbox">
				      <label>
				        <input type="checkbox"> 看所有的统计
				      </label>
				    </div>
				</div>
			</div>
		</div>
    </div>
    
    <div class="buttons-area">
    	<button type="button" data-am-modal-confirm class="am-btn my-btn-save am-radius am-fr">保存</button>
    </div>
  </div>
</div>

<script src="js/manger_member.js"></script>